<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>翻译考试</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <div class="box">
        <div class="top">
            <h1>翻译</h1>
            <h4>中英互译</h4>
        </div>
        <div class="bottom">
            <div class="first">
                <div class="one">
                    <button onclick="" id="zw">中文</button>
                    <button onclick="" id="yw" >英语</button>
                </div>
                <div class="two">
                    <button onclick="hs()" id="center">相互转换</button>
                </div>
                <div class="three">
                    <button onclick="" id="zh">英语</button>
                    <button onclick="" id="yh">中文</button>
                </div>
            </div>
            <div class="sceond">
                <input type="text" placeholder="添加文字" id="fily">
                <input type="text" placeholder="翻译" id="wei">
            </div>
            <button onclick="zhToEn()" id="flay">翻译</button>
        </div>
    </div>


    <script src="js/script.js"></script>
</body>
</html>